<!DOCTYPE HTML>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="Date/Time Picker for Twitter Boostrap"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="author" content="Thiago de Arruda" />
    <title>Bootstrap Date/Time Picker</title>
    <!--[if lt IE 9]>
      <script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link href="/assets/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/layout.css">

<link rel="stylesheet" type="text/css" media="screen" href="/assets/css/datepicker.css">


    <script type="text/javascript" src="/assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>
  </head>
  <body>
    <div class="outer">
      <!-- header -->
      <div id="header-wrap" class="row-fluid">
        <a href="https://github.com/tarruda/bootstrap-datetimepicker"><img
          style="position: absolute; top: 0; right: 0; border: 0;"
          src="assets/img/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
        <header class="span6 offset3">
          <h1>bootstrap-datetimepicker</h1>
          <h2>Date/Time Picker for Twitter Boostrap</h2>
          <section id="downloads" class="pull-right">
            <div class="img"></div>
            <a class="zip-download-link"
              href="assets/dist/bootstrap-datetimepicker-0.0.10.zip">
              <span class="download-descr">
                Download this project as a .zip file
              </span>
            </a>
          </section>
        </header>
      </div>
      <!-- content -->
      <div id="main-content-wrap" class="row-fluid">
        <section id="main-content" class="span6 offset3">
          <h3 id='introduction'>Introduction</h3>

<p>Simple date/time picker component based on the work of <a href='http://www.eyecon.ro/bootstrap-datepicker/'>Stefan Petre</a>, with contributions taken from <a href='https://github.com/eternicode'>Andrew Rowls</a> and <a href='https://github.com/jdewit'>jdewit</a>.</p>

<h3 id='demo'>Demo</h3>

<h4 id='default_behavior_in_ptbr_picks_datetime_with_fast_masked_input_typing_need_only_to_type_the_numbers_the_static_part_of_the_mask_is_inserted_automatically_if_missing_or_via_the_popup_widget_which_supports_year_month_day_hour_and_minute_views'>Default behavior in pt-BR, picks date/time with fast masked input typing (need only to type the numbers, the static part of the mask is inserted automatically if missing) or via the popup widget, which supports year, month, day, hour and minute views:</h4>
<div class='well'>
  <div class='input-append date' id='datetimepicker1'>
    <input data-format='dd/MM/yyyy hh:mm:ss' type='text' />
    <span class='add-on'>
      <i data-date-icon='icon-calendar' data-time-icon='icon-time'>
      </i>
    </span>
  </div>
</div><script type='text/javascript'>
  $(function() {
    $('#datetimepicker1').datetimepicker({
      language: 'pt-BR'
    });
  });
</script>
<p>Code:</p>
<div class='highlight'><pre><code class='html'><span class='nt'>&lt;div</span> <span class='na'>class=</span><span class='s'>&quot;well&quot;</span><span class='nt'>&gt;</span>
  <span class='nt'>&lt;div</span> <span class='na'>id=</span><span class='s'>&quot;datetimepicker1&quot;</span> <span class='na'>class=</span><span class='s'>&quot;input-append date&quot;</span><span class='nt'>&gt;</span>
    <span class='nt'>&lt;input</span> <span class='na'>data-format=</span><span class='s'>&quot;dd/MM/yyyy hh:mm:ss&quot;</span> <span class='na'>type=</span><span class='s'>&quot;text&quot;</span><span class='nt'>&gt;&lt;/input&gt;</span>
    <span class='nt'>&lt;span</span> <span class='na'>class=</span><span class='s'>&quot;add-on&quot;</span><span class='nt'>&gt;</span>
      <span class='nt'>&lt;i</span> <span class='na'>data-time-icon=</span><span class='s'>&quot;icon-time&quot;</span> <span class='na'>data-date-icon=</span><span class='s'>&quot;icon-calendar&quot;</span><span class='nt'>&gt;</span>
      <span class='nt'>&lt;/i&gt;</span>
    <span class='nt'>&lt;/span&gt;</span>
  <span class='nt'>&lt;/div&gt;</span>
<span class='nt'>&lt;/div&gt;</span>
<span class='nt'>&lt;script </span><span class='na'>type=</span><span class='s'>&quot;text/javascript&quot;</span><span class='nt'>&gt;</span>
  <span class='nx'>$</span><span class='p'>(</span><span class='kd'>function</span><span class='p'>()</span> <span class='p'>{</span>
    <span class='nx'>$</span><span class='p'>(</span><span class='s1'>&#39;#datetimepicker1&#39;</span><span class='p'>).</span><span class='nx'>datetimepicker</span><span class='p'>({</span>
      <span class='nx'>language</span><span class='o'>:</span> <span class='s1'>&#39;pt-BR&#39;</span>
    <span class='p'>});</span>
  <span class='p'>});</span>
<span class='nt'>&lt;/script&gt;</span>
</code></pre></div>
<h4 id='similar_to_above_example_but_in_us_datehour_format'>Similar to above example, but in US date/hour format:</h4>
<div class='well'>
  <div class='input-append' id='datetimepicker2'>
    <input data-format='MM/dd/yyyy HH:mm:ss PP' type='text' />
    <span class='add-on'>
      <i data-date-icon='icon-calendar' data-time-icon='icon-time'>
      </i>
    </span>
  </div>
</div><script type='text/javascript'>
  $(function() {
    $('#datetimepicker2').datetimepicker({
      language: 'en',
      pick12HourFormat: true
    });
  });
</script>
<p>Code:</p>
<div class='highlight'><pre><code class='html'><span class='nt'>&lt;div</span> <span class='na'>class=</span><span class='s'>&quot;well&quot;</span><span class='nt'>&gt;</span>
  <span class='nt'>&lt;div</span> <span class='na'>id=</span><span class='s'>&quot;datetimepicker2&quot;</span> <span class='na'>class=</span><span class='s'>&quot;input-append&quot;</span><span class='nt'>&gt;</span>
    <span class='nt'>&lt;input</span> <span class='na'>data-format=</span><span class='s'>&quot;MM/dd/yyyy HH:mm:ss PP&quot;</span> <span class='na'>type=</span><span class='s'>&quot;text&quot;</span><span class='nt'>&gt;&lt;/input&gt;</span>
    <span class='nt'>&lt;span</span> <span class='na'>class=</span><span class='s'>&quot;add-on&quot;</span><span class='nt'>&gt;</span>
      <span class='nt'>&lt;i</span> <span class='na'>data-time-icon=</span><span class='s'>&quot;icon-time&quot;</span> <span class='na'>data-date-icon=</span><span class='s'>&quot;icon-calendar&quot;</span><span class='nt'>&gt;</span>
      <span class='nt'>&lt;/i&gt;</span>
    <span class='nt'>&lt;/span&gt;</span>
  <span class='nt'>&lt;/div&gt;</span>
<span class='nt'>&lt;/div&gt;</span>
<span class='nt'>&lt;script </span><span class='na'>type=</span><span class='s'>&quot;text/javascript&quot;</span><span class='nt'>&gt;</span>
  <span class='nx'>$</span><span class='p'>(</span><span class='kd'>function</span><span class='p'>()</span> <span class='p'>{</span>
    <span class='nx'>$</span><span class='p'>(</span><span class='s1'>&#39;#datetimepicker2&#39;</span><span class='p'>).</span><span class='nx'>datetimepicker</span><span class='p'>({</span>
      <span class='nx'>language</span><span class='o'>:</span> <span class='s1'>&#39;en&#39;</span><span class='p'>,</span>
      <span class='nx'>pick12HourFormat</span><span class='o'>:</span> <span class='kc'>true</span>
    <span class='p'>});</span>
  <span class='p'>});</span>
<span class='nt'>&lt;/script&gt;</span>
</code></pre></div>
<h4 id='disables_date_picker'>Disables date picker:</h4>
<div class='well'>
  <div class='input-append' id='datetimepicker3'>
    <input data-format='hh:mm:ss' type='text' />
    <span class='add-on'>
      <i data-date-icon='icon-calendar' data-time-icon='icon-time'>
      </i>
    </span>
  </div>
</div><script type='text/javascript'>
  $(function() {
    $('#datetimepicker3').datetimepicker({
      pickDate: false
    });
  });
</script>
<p>Code:</p>
<div class='highlight'><pre><code class='html'><span class='nt'>&lt;div</span> <span class='na'>class=</span><span class='s'>&quot;well&quot;</span><span class='nt'>&gt;</span>
  <span class='nt'>&lt;div</span> <span class='na'>id=</span><span class='s'>&quot;datetimepicker3&quot;</span> <span class='na'>class=</span><span class='s'>&quot;input-append&quot;</span><span class='nt'>&gt;</span>
    <span class='nt'>&lt;input</span> <span class='na'>data-format=</span><span class='s'>&quot;hh:mm:ss&quot;</span> <span class='na'>type=</span><span class='s'>&quot;text&quot;</span><span class='nt'>&gt;&lt;/input&gt;</span>
    <span class='nt'>&lt;span</span> <span class='na'>class=</span><span class='s'>&quot;add-on&quot;</span><span class='nt'>&gt;</span>
      <span class='nt'>&lt;i</span> <span class='na'>data-time-icon=</span><span class='s'>&quot;icon-time&quot;</span> <span class='na'>data-date-icon=</span><span class='s'>&quot;icon-calendar&quot;</span><span class='nt'>&gt;</span>
      <span class='nt'>&lt;/i&gt;</span>
    <span class='nt'>&lt;/span&gt;</span>
  <span class='nt'>&lt;/div&gt;</span>
<span class='nt'>&lt;/div&gt;</span>
<span class='nt'>&lt;script </span><span class='na'>type=</span><span class='s'>&quot;text/javascript&quot;</span><span class='nt'>&gt;</span>
  <span class='nx'>$</span><span class='p'>(</span><span class='kd'>function</span><span class='p'>()</span> <span class='p'>{</span>
    <span class='nx'>$</span><span class='p'>(</span><span class='s1'>&#39;#datetimepicker3&#39;</span><span class='p'>).</span><span class='nx'>datetimepicker</span><span class='p'>({</span>
      <span class='nx'>pickDate</span><span class='o'>:</span> <span class='kc'>false</span>
    <span class='p'>});</span>
  <span class='p'>});</span>
<span class='nt'>&lt;/script&gt;</span>
</code></pre></div>
<h4 id='disables_time_picker'>Disables time picker:</h4>
<div class='well'>
  <div class='input-append' id='datetimepicker4'>
    <input data-format='yyyy-MM-dd' type='text' />
    <span class='add-on'>
      <i data-date-icon='icon-calendar' data-time-icon='icon-time'>
      </i>
    </span>
  </div>
</div><script type='text/javascript'>
  $(function() {
    $('#datetimepicker4').datetimepicker({
      pickTime: false
    });
  });
</script>
<p>Code:</p>
<div class='highlight'><pre><code class='html'><span class='nt'>&lt;div</span> <span class='na'>class=</span><span class='s'>&quot;well&quot;</span><span class='nt'>&gt;</span>
  <span class='nt'>&lt;div</span> <span class='na'>id=</span><span class='s'>&quot;datetimepicker4&quot;</span> <span class='na'>class=</span><span class='s'>&quot;input-append&quot;</span><span class='nt'>&gt;</span>
    <span class='nt'>&lt;input</span> <span class='na'>data-format=</span><span class='s'>&quot;yyyy-MM-dd&quot;</span> <span class='na'>type=</span><span class='s'>&quot;text&quot;</span><span class='nt'>&gt;&lt;/input&gt;</span>
    <span class='nt'>&lt;span</span> <span class='na'>class=</span><span class='s'>&quot;add-on&quot;</span><span class='nt'>&gt;</span>
      <span class='nt'>&lt;i</span> <span class='na'>data-time-icon=</span><span class='s'>&quot;icon-time&quot;</span> <span class='na'>data-date-icon=</span><span class='s'>&quot;icon-calendar&quot;</span><span class='nt'>&gt;</span>
      <span class='nt'>&lt;/i&gt;</span>
    <span class='nt'>&lt;/span&gt;</span>
  <span class='nt'>&lt;/div&gt;</span>
<span class='nt'>&lt;/div&gt;</span>
<span class='nt'>&lt;script </span><span class='na'>type=</span><span class='s'>&quot;text/javascript&quot;</span><span class='nt'>&gt;</span>
  <span class='nx'>$</span><span class='p'>(</span><span class='kd'>function</span><span class='p'>()</span> <span class='p'>{</span>
    <span class='nx'>$</span><span class='p'>(</span><span class='s1'>&#39;#datetimepicker4&#39;</span><span class='p'>).</span><span class='nx'>datetimepicker</span><span class='p'>({</span>
      <span class='nx'>pickTime</span><span class='o'>:</span> <span class='kc'>false</span>
    <span class='p'>});</span>
  <span class='p'>});</span>
<span class='nt'>&lt;/script&gt;</span>
</code></pre></div>
<h3 id='api'>API</h3>

<p>The widget class provides 4 methods to manipulate dates: &#8216;getDate&#8217;/&#8217;setDate&#8217; for working with UTC and &#8216;getLocalDate&#8217;/&#8217;setLocalDate&#8217; for working with local dates:</p>
<div class='highlight'><pre><code class='js'><span class='c1'>// Considering you are on a GMT-3 timezone and the input contains &#39;2000-01-17 10:00&#39;</span>
<span class='kd'>var</span> <span class='nx'>localDate</span> <span class='o'>=</span> <span class='nx'>picker</span><span class='p'>.</span><span class='nx'>getLocalDate</span><span class='p'>();</span> <span class='c1'>// localDate === 2000-01-17 07:00</span>
<span class='kd'>var</span> <span class='nx'>utcDate</span> <span class='o'>=</span> <span class='nx'>picker</span><span class='p'>.</span><span class='nx'>getDate</span><span class='p'>();</span> <span class='c1'>// utcDate === 2000-01-17 10:00</span>
<span class='c1'>//</span>
<span class='nx'>picker</span><span class='p'>.</span><span class='nx'>setLocalDate</span><span class='p'>(</span><span class='k'>new</span> <span class='nb'>Date</span><span class='p'>(</span><span class='mi'>1998</span><span class='p'>,</span> <span class='mi'>10</span><span class='p'>,</span> <span class='mi'>11</span><span class='p'>,</span> <span class='mi'>4</span><span class='p'>,</span> <span class='mi'>30</span><span class='p'>));</span> <span class='c1'>// input === 1998-10-11 07:30</span>
<span class='nx'>picker</span><span class='p'>.</span><span class='nx'>setDate</span><span class='p'>(</span><span class='k'>new</span> <span class='nb'>Date</span><span class='p'>(</span><span class='nb'>Date</span><span class='p'>.</span><span class='nx'>UTC</span><span class='p'>(</span><span class='mi'>1998</span><span class='p'>,</span> <span class='mi'>10</span><span class='p'>,</span> <span class='mi'>11</span><span class='p'>,</span> <span class='mi'>4</span><span class='p'>,</span> <span class='mi'>30</span><span class='p'>)));</span> <span class='c1'>// input === 1998-10-11 04:30</span>
</code></pre></div>
<p>The date value can be unset by passing &#8216;null&#8217; to any of the &#8216;set&#8217; methods or by erasing the input:</p>
<div class='highlight'><pre><code class='js'><span class='kd'>var</span> <span class='nx'>picker</span> <span class='o'>=</span> <span class='nx'>$</span><span class='p'>(</span><span class='s1'>&#39;#datetimepicker&#39;</span><span class='nx'>l</span><span class='p'>).</span><span class='nx'>data</span><span class='p'>(</span><span class='s1'>&#39;datetimepicker&#39;</span><span class='p'>);</span>
<span class='nx'>picker</span><span class='p'>.</span><span class='nx'>setLocalDate</span><span class='p'>(</span><span class='kc'>null</span><span class='p'>);</span>
<span class='c1'>// or</span>
<span class='nx'>picker</span><span class='p'>.</span><span class='nx'>setDate</span><span class='p'>(</span><span class='kc'>null</span><span class='p'>);</span>
<span class='c1'>// or</span>
<span class='nx'>input</span><span class='p'>.</span><span class='nx'>val</span><span class='p'>(</span><span class='s1'>&#39;&#39;</span><span class='p'>);</span>
<span class='nx'>input</span><span class='p'>.</span><span class='nx'>change</span><span class='p'>();</span>
</code></pre></div>
<p>The only event exposed is &#8216;changeDate&#8217;, which will expose &#8216;date&#8217; and &#8216;localDate&#8217; properties on the event object:</p>
<div class='highlight'><pre><code class='js'><span class='nx'>el</span><span class='p'>.</span><span class='nx'>on</span><span class='p'>(</span><span class='s1'>&#39;changeDate&#39;</span><span class='p'>,</span> <span class='kd'>function</span><span class='p'>(</span><span class='nx'>e</span><span class='p'>)</span> <span class='p'>{</span>
  <span class='nx'>console</span><span class='p'>.</span><span class='nx'>log</span><span class='p'>(</span><span class='nx'>e</span><span class='p'>.</span><span class='nx'>date</span><span class='p'>.</span><span class='nx'>toString</span><span class='p'>());</span>
  <span class='nx'>console</span><span class='p'>.</span><span class='nx'>log</span><span class='p'>(</span><span class='nx'>e</span><span class='p'>.</span><span class='nx'>localDate</span><span class='p'>.</span><span class='nx'>toString</span><span class='p'>());</span>
<span class='p'>});</span>
</code></pre></div>
<h3 id='options'>Options</h3>

<p>These are the default options for initializing the widget:</p>
<div class='highlight'><pre><code class='js'><span class='nx'>$</span><span class='p'>.</span><span class='nx'>fn</span><span class='p'>.</span><span class='nx'>datetimepicker</span><span class='p'>.</span><span class='nx'>defaults</span> <span class='o'>=</span> <span class='p'>{</span>
  <span class='nx'>maskInput</span><span class='o'>:</span> <span class='kc'>true</span><span class='p'>,</span>           <span class='c1'>// disables the text input mask</span>
  <span class='nx'>pickDate</span><span class='o'>:</span> <span class='kc'>true</span><span class='p'>,</span>            <span class='c1'>// disables the date picker</span>
  <span class='nx'>pickTime</span><span class='o'>:</span> <span class='kc'>true</span><span class='p'>,</span>            <span class='c1'>// disables de time picker</span>
  <span class='nx'>pick12HourFormat</span><span class='o'>:</span> <span class='kc'>false</span><span class='p'>,</span>   <span class='c1'>// enables the 12-hour format time picker</span>
  <span class='nx'>pickSeconds</span><span class='o'>:</span> <span class='kc'>true</span><span class='p'>,</span>         <span class='c1'>// disables seconds in the time picker</span>
  <span class='nx'>startDate</span><span class='o'>:</span> <span class='o'>-</span><span class='kc'>Infinity</span><span class='p'>,</span>      <span class='c1'>// set a minimum date</span>
  <span class='nx'>endDate</span><span class='o'>:</span> <span class='kc'>Infinity</span>          <span class='c1'>// set a maximum date</span>
<span class='p'>};</span>
</code></pre></div>
<p>Examples of using these options can be seen in the file test/specs.coffee.</p>

<h3 id='complete_sample_markup'>Complete sample markup</h3>

<p>Copy and paste the following code in a file(eg: test.html) and it should produce a widget similar to the first demo:</p>
<div class='highlight'><pre><code class='html'><span class='cp'>&lt;!DOCTYPE HTML&gt;</span>
<span class='nt'>&lt;html&gt;</span>
  <span class='nt'>&lt;head&gt;</span>
    <span class='nt'>&lt;link</span> <span class='na'>href=</span><span class='s'>&quot;http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css&quot;</span> <span class='na'>rel=</span><span class='s'>&quot;stylesheet&quot;</span><span class='nt'>&gt;</span>
    <span class='nt'>&lt;link</span> <span class='na'>rel=</span><span class='s'>&quot;stylesheet&quot;</span> <span class='na'>type=</span><span class='s'>&quot;text/css&quot;</span> <span class='na'>media=</span><span class='s'>&quot;screen&quot;</span>
     <span class='na'>href=</span><span class='s'>&quot;http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css&quot;</span><span class='nt'>&gt;</span>
  <span class='nt'>&lt;/head&gt;</span>
  <span class='nt'>&lt;body&gt;</span>
    <span class='nt'>&lt;div</span> <span class='na'>id=</span><span class='s'>&quot;datetimepicker&quot;</span> <span class='na'>class=</span><span class='s'>&quot;input-append date&quot;</span><span class='nt'>&gt;</span>
      <span class='nt'>&lt;input</span> <span class='na'>type=</span><span class='s'>&quot;text&quot;</span><span class='nt'>&gt;&lt;/input&gt;</span>
      <span class='nt'>&lt;span</span> <span class='na'>class=</span><span class='s'>&quot;add-on&quot;</span><span class='nt'>&gt;</span>
        <span class='nt'>&lt;i</span> <span class='na'>data-time-icon=</span><span class='s'>&quot;icon-time&quot;</span> <span class='na'>data-date-icon=</span><span class='s'>&quot;icon-calendar&quot;</span><span class='nt'>&gt;&lt;/i&gt;</span>
      <span class='nt'>&lt;/span&gt;</span>
    <span class='nt'>&lt;/div&gt;</span>
    <span class='nt'>&lt;script </span><span class='na'>type=</span><span class='s'>&quot;text/javascript&quot;</span>
     <span class='na'>src=</span><span class='s'>&quot;http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js&quot;</span><span class='nt'>&gt;</span>
    <span class='nt'>&lt;/script&gt;</span> 
    <span class='nt'>&lt;script </span><span class='na'>type=</span><span class='s'>&quot;text/javascript&quot;</span>
     <span class='na'>src=</span><span class='s'>&quot;http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js&quot;</span><span class='nt'>&gt;</span>
    <span class='nt'>&lt;/script&gt;</span>
    <span class='nt'>&lt;script </span><span class='na'>type=</span><span class='s'>&quot;text/javascript&quot;</span>
     <span class='na'>src=</span><span class='s'>&quot;http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js&quot;</span><span class='nt'>&gt;</span>
    <span class='nt'>&lt;/script&gt;</span>
    <span class='nt'>&lt;script </span><span class='na'>type=</span><span class='s'>&quot;text/javascript&quot;</span>
     <span class='na'>src=</span><span class='s'>&quot;http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js&quot;</span><span class='nt'>&gt;</span>
    <span class='nt'>&lt;/script&gt;</span>
    <span class='nt'>&lt;script </span><span class='na'>type=</span><span class='s'>&quot;text/javascript&quot;</span><span class='nt'>&gt;</span>
      <span class='nx'>$</span><span class='p'>(</span><span class='s1'>&#39;#datetimepicker&#39;</span><span class='p'>).</span><span class='nx'>datetimepicker</span><span class='p'>({</span>
        <span class='nx'>format</span><span class='o'>:</span> <span class='s1'>&#39;dd/MM/yyyy hh:mm:ss&#39;</span><span class='p'>,</span>
        <span class='nx'>language</span><span class='o'>:</span> <span class='s1'>&#39;pt-BR&#39;</span>
      <span class='p'>});</span>
    <span class='nt'>&lt;/script&gt;</span>
  <span class='nt'>&lt;/body&gt;</span>
<span class='nt'>&lt;html&gt;</span>
</code></pre></div>
<h3 id='development'>Development</h3>

<p>If you want to contribute, please follow the settings in the .lvimrc file (2 space indentation).</p>

<p>To report bugs, ideally an automated test that reproduces the bug should be created in the &#8216;test/issues.coffee&#8217; file(following the conventions of the tests already defined there) and submitted with a pull request.</p>

<p>To compile/minify you need to have make, node.js and npm on your $PATH</p>
<div class='highlight'><pre><code class='sh'><span class='nv'>$ </span>git clone git://github.com/tarruda/bootstrap-datetimepicker.git
<span class='nv'>$ </span><span class='nb'>cd </span>bootstrap-datetimepicker
<span class='nv'>$ </span>make deps
<span class='nv'>$ </span>make build
</code></pre></div>
<p>To run the automated tests:</p>
<div class='highlight'><pre><code class='sh'><span class='nv'>$ </span>make <span class='nb'>test</span>
</code></pre></div>
<p>It should download all dependencies needed for testing(phantomjs, jquery&#8230;)</p>
        </section>
      </div>
      <!-- footer  -->
      <div id="footer-wrap" class="row-fluid">
        <footer class="span6 offset3">
          <p class="copyright">bootstrap-datetimepicker maintained by <a href="https://github.com/tarruda">Thiago de Arruda</a></p>
          <p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
        </footer>
      </div>
    </div>
    
<script type="text/javascript" src="/assets/js/bootstrap-datepicker.js"></script> 

<script type="text/javascript" src="/assets/js/script.js"></script> 

<script src="/assets/js/respond.min.js"></script>

  </body>
</html>

